<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta id="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="apple-themes-web-app-capable" content="yes">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<meta content="email=no" name="format-detection">
		<meta name="format-detection" content="telephone=no">
		<title>首页</title>	
        <link rel="stylesheet" href="${s.base}/mobile/css/weui.min.css">
		<link rel="stylesheet" href="${s.base}/mobile/css/main.css" type="text/css" media="all">
        <link rel="stylesheet" href="${s.base}/mobile/css/dropload.css" type="text/css" media="all">
	</head>

	<body>
    <div class="content">
        <div class="lists"></div>
    </div>
    <footer class="zyw-footer">
        <div class="zyw-container white-bgcolor clearfix">
            <div class="weui-tabbar">
                <a href="index.html" class="weui-tabbar__item weui-bar__item--on">
                    <div class="weui-tabbar__icon">
                        <img src="${s.base}/mobile/images/svg/foot-1-1.svg" alt="">
                    </div>
                    <p class="weui-tabbar__label">夺宝</p>
                </a>
                <a href="./upActList.html" class="weui-tabbar__item">
                    <div class="weui-tabbar__icon">
                        <img src="${s.base}/mobile/images/svg/foot-2.svg" alt="">
                    </div>
                    <p class="weui-tabbar__label">最新揭晓</p>
                </a>
                <a href="find.html" class="weui-tabbar__item">
                    <div class="weui-tabbar__icon">
                        <img src="${s.base}/mobile/images/svg/foot-3.svg" alt="">
                    </div>
                    <p class="weui-tabbar__label">发现</p>
                </a>
                <a href="cart.html" class="weui-tabbar__item">
                    <span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span>
                    <div class="weui-tabbar__icon">
                        <img src="${s.base}/mobile/images/svg/foot-4.svg" alt="">
                    </div>
                    <p class="weui-tabbar__label">购物车</p>
                </a>
                <a href="home.html" class="weui-tabbar__item">
                    <div class="weui-tabbar__icon">
                        <img src="${s.base}/mobile/images/svg/foot-5.svg" alt="">
                    </div>
                    <p class="weui-tabbar__label">我的</p>
                </a>
            </div>
        </div>
    </footer>
 	<!--页面加载 开始-->
     <div id="preloader">
     <div id="status">
      <p class="center-text"><span>拼命加载中···</span></p>
     </div>
    </div>
    <!--页面加载 结束-->    
		<header id="header">
			<div class="header_con">
				
                <div class="top_tit">1元夺宝</div>
                <div class="right_div"><div><i></i><em>99</em></div></div>
			</div>
		</header>

		<div id="content_div" class="">
				<!--首页轮播-->
				<div class="top_pic">
					<div class="carousel-image" id="scroll_img">
						<div>
							<a href="#"><img src="${s.base}/mobile/images/h01.jpg" /></a>
                            <a href="#"><img src="${s.base}/mobile/images/h02.jpg" /></a>
						</div>
						<span class="carousel-num">
			            </span>
					</div>
				</div>
				<!--首页轮播结束-->
			<div class="home_mian">
            <ul class="clearfixd">
             <li><a href="2.html"><i class="home_ti01"></i><p>全部商品</p></a></li>
             <li><a href="3.html"><i class="home_ti02"></i><p>最新开奖</p></a></li>
             <li><a href="7.1.html"><i class="home_ti03"></i><p>常见问题</p></a></li>
             <li><a href="4.html"><i class="home_ti04"></i><p>夺宝记录</p></a></li>
            </ul>	
			</div>
            <div class="home_mian_down"> <em></em> <p>恭喜<span>134****2168</span>获得100元话费充值卡 全网通用</p> <i></i></div>
           
            <div class="home_cp_tit">
             <a class="change_c"><span>人气推荐</span></a><a><span>最新商品</span></a><a><span>即将开奖</span></a></h2>
            </div>
            
            <div class="home_all_box">
            
                <div id="showContent" class="home_cp_box clearfixd">

                </div>
                <div class="home_cp_bot"><img src="${s.base}/mobile/images/bot_01.png" />正在加载...</div>
            </div>
             <div class="home_all_box" style="display:none;"> <div class="home_cp_bot">正在加载...</div></div>	
             <div class="home_all_box" style="display:none;"> <div class="home_cp_bot">正在加载...</div></div>
		</div>
		
            <!--底部-->
			<!--底部结束-->
		    <script type="text/javascript" src="${s.base}/mobile/js/zepto.js"></script>
			<script type="text/javascript" src="${s.base}/mobile/js/carousel-image.js"></script>
            <script>
                $('.carousel-image').CarouselImage({
                    num: $('.carousel-image .carousel-num'),
                    repeat: true
                });
            </script>
    <script type="text/javascript" src="${s.base}/mobile/js/jquery.min.js"></script>
    <script type="text/javascript" src="${s.base}/mobile/js/common.js"></script>
    <script type="text/javascript" src="${s.base}/mobile/js/zepto.min.js"></script>
    <script type="text/javascript" src="${s.base}/mobile/js/dropload.min.js"></script>
            <script>
                $(function(){
                    var counter = 0;
                    // 每页展示4个
                    var num = 4;
                    var pageStart = 0,pageEnd = 0;

                    // dropload
                    $('.content').dropload({
                        scrollArea : window,
                        loadDownFn : function(me){
                            var list={
                                "lists":[
                                    {
                                        "title":"Apple 苹果 iPhone 6s Plus (A1699) 16G 玫瑰金色 移动联通电信4G 全网通手机",
                                        "pic":"http://d8.yihaodianimg.com/N05/M03/D4/1E/CgQI0lYEBwWAQIvJAAFyostaOYY12501_80x80.jpg",
                                        "link":"#1",
                                        "date":"2015-12-01"
                                    },
                                    {
                                        "title":"Letv 乐视1S 乐1S 移动联通双4G 双卡双待 16GB 金",
                                        "pic":"http://d9.yihaodianimg.com/N07/M00/6B/E6/CgQIz1ZNQWeALuYuAASH8T5MJzY38001_80x80.jpg",
                                        "link":"#2",
                                        "date":"2015-12-02"
                                    }
                                ]
                            };
                            var result = '';
                            for(var i=0;i<list.lists.length;i++){
                                counter++;
                                console.log("测试:"+counter);
                                var items=list.lists[i];
                                result += '<a class="item opacity" href="'+items.link+'">'
                                    +'<img src="'+items.pic+'" alt="">'
                                    +'<h3>'+items.title+'</h3>'
                                    +'<span class="date">'+items.date+'</span>'
                                    +'</a>';
                                if(counter>11){
                                    // 锁定
                                    me.lock();
                                    // 无数据
                                    me.noData();
                                    break;
                                }
                            }
                            // 为了测试，延迟1秒加载
                            setTimeout(function(){
                                $('.lists').append(result);
                                // 每次数据加载完，必须重置
                                me.resetload();
                            },1000);
                        }
                    });
                });

                $(function(){
                    var counter = 0;
                    // 每页展示4个
                    var num = 4;
                    var pageStart = 0,pageEnd = 0;
                    // dropload
                    $('#content_div').dropload({
                        scrollArea : window,
                        loadDownFn : function(me){
                            var list={
                                "lists":[
                                    {
                                        "title":"移动500元充值卡",
                                        "pic":"/mobile/images/cp01.jpg",
                                        "link":"#1",
                                        "num":40
                                    }
                                ]
                            };
                            var result = '';
                            for(var i=0;i<list.lists.length;i++){
                                counter++;
                                console.log("测试:"+counter);
                                var items=list.lists[i];
                                result += ' <ul>'+
                                    '<a href="'+items.link+'"><li><img src="'+items.pic+'" /></li></a>'+
                                    '<dl>'+
                                    '<dt>'+items.pic+'</dt>'+
                                    '<dd><span><em style="width:'+items.num+'%;"></em></span>'+
                                    '<a>立即夺宝</a>'+
                                    '<p>开奖进度 <em>'+items.num+'%</em></p>'+
                                    '</dd>'+
                                    '</dl>'+
                                    '</ul>';
                                if(counter>11){
                                    // 锁定
                                    me.lock();
                                    // 无数据
                                    me.noData();
                                    break;
                                }
                            }
                            // 为了测试，延迟1秒加载
                            setTimeout(function(){
                                $('#showContent').append(result);
                                // 每次数据加载完，必须重置
                                me.resetload();
                            },1000);
                        }
                    });
                });
            </script>

	</body>

</html>